@import "variables";

@font-face {
  font-family: '#{$icomoon-font-family}';
  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?a4snc5') format('woff');
  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?a4snc5#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?a4snc5') format('truetype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?a4snc5') format('woff'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?a4snc5##{$icomoon-font-family}') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 阿里巴巴普惠体 - 使用 Fontsource CDN */
@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/500-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/500-normal.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/700-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/300-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/alibaba-puti/400-normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 微软雅黑 - 系统字体，无需定义 */

/* 宋体 - 系统字体，无需定义 */

/* 黑体 - 系统字体，无需定义 */

/* 楷体 - 系统字体，无需定义 */

/* 站酷系列字体 - 使用 jsDelivr CDN */
@font-face {
  font-family: '站酷快乐体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/zcool-kuaile@4.5.0/files/zcool-kuaile-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/zcool-kuaile@4.5.0/files/zcool-kuaile-chinese-simplified-400-normal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '站酷文艺体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/zcool-qingke-huangyou@4.5.0/files/zcool-qingke-huangyou-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/zcool-qingke-huangyou@4.5.0/files/zcool-qingke-huangyou-chinese-simplified-400-normal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '站酷酷黑体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/zcool-kuhei@4.5.0/files/zcool-kuhei-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/zcool-kuhei@4.5.0/files/zcool-kuhei-chinese-simplified-400-normal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 思源黑体 - 使用 Fontsource CDN */
@font-face {
  font-family: '思源黑体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-300-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '思源黑体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-400-normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '思源黑体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-500-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-500-normal.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '思源黑体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-700-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 思源宋体 - 使用 Fontsource CDN */
@font-face {
  font-family: '思源宋体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-300-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '思源宋体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-400-normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '思源宋体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-500-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-500-normal.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: '思源宋体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-700-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Noto Sans CJK - 使用 Fontsource CDN */
@font-face {
  font-family: 'Noto Sans CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-300-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-400-normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-500-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-500-normal.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-700-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-sc@4.5.0/files/noto-sans-sc-chinese-simplified-700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Noto Serif CJK - 使用 Fontsource CDN */
@font-face {
  font-family: 'Noto Serif CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-300-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-400-normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-500-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-500-normal.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif CJK';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-700-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-sc@4.5.0/files/noto-serif-sc-chinese-simplified-700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* DIN 字体系列 */
/*
@font-face {
  font-family: 'DIN-Black';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@4.5.0/files/dm-sans-latin-900-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'DIN-Bold';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@4.5.0/files/dm-sans-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'DIN-Regular';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@4.5.0/files/dm-sans-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
*/

/* Gray Design 字体系列 */
/*
@font-face {
  font-family: 'Gray Design Bold';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-700-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Gray Design Regular';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
*/

/* Flama 字体 */
/*
@font-face {
  font-family: 'Flama';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
*/

/* 爱前端字体 - 暂时注释掉无法加载的字体 */
/*
@font-face {
  font-family: 'Cloudtype-YJyanhuangT';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'HBBaiYangDianRuanHeiTi';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'HuXiaoBo-NanShen';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'HuXiaoBo_KuHei';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'LiDeBiao-Xing3';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'MF ShangYa (Noncommercial) Regular';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'MF YueHei (Noncommercial) Regular';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'QXyingbikai';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'QXyingbixing';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'REEJI-Xiaodou-SugarGB';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'REEJI-ZhenyanGB2.0 Heavy';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'ShiShangZhongHeiJianTi';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'WuJiaRui';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'chenweixun-yingxing';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: '书体坊硬笔行书3500';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: '草檀斋毛泽东字体';
  src: url('https://cdn.jsdelivr.net/npm/@fontsource/inter@4.5.0/files/inter-latin-400-normal.woff2') format('woff2');
  font-display: swap;
}
*/
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: '#{$icomoon-font-family}' !important;
  /* speak: never; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-custom {
  &:before {
    content: $icon-custom; 
  }
}
.icon-qr {
  &:before {
    content: $icon-qr; 
  }
}
.icon-script {
  &:before {
    content: $icon-script; 
  }
}
.icon-rain {
  &:before {
    content: $icon-rain; 
  }
}
.icon-snow {
  &:before {
    content: $icon-snow; 
  }
}
.icon-x-center {
  &:before {
    content: $icon-x-center; 
  }
}
.icon-fill {
  &:before {
    content: $icon-fill; 
  }
}
.icon-y-center {
  &:before {
    content: $icon-y-center; 
  }
}
.icon-music2 {
  &:before {
    content: $icon-music2; 
  }
}
.icon-copy {
  &:before {
    content: $icon-copy; 
  }
}
.icon-image {
  &:before {
    content: $icon-image; 
  }
}
.icon-redo {
  &:before {
    content: $icon-redo; 
  }
}
.icon-undo {
  &:before {
    content: $icon-undo; 
  }
}
.icon-view {
  &:before {
    content: $icon-view; 
  }
}
.icon-save {
  &:before {
    content: $icon-save; 
  }
}
.icon-single-sel {
  &:before {
    content: $icon-single-sel; 
  }
}
.icon-map {
  &:before {
    content: $icon-map; 
  }
}
.icon-multiple-sel {
  &:before {
    content: $icon-multiple-sel; 
  }
}
.icon-split {
  &:before {
    content: $icon-split; 
  }
}
.icon-button {
  &:before {
    content: $icon-button; 
  }
}
.icon-rect {
  &:before {
    content: $icon-rect; 
  }
}
.icon-black {
  &:before {
    content: $icon-black; 
  }
}
.icon-carousel {
  &:before {
    content: $icon-carousel; 
  }
}
.icon-delete {
  &:before {
    content: $icon-delete; 
  }
}
.icon-align-top {
  &:before {
    content: $icon-align-top; 
  }
}
.icon-level-up {
  &:before {
    content: $icon-level-up; 
  }
}
.icon-canlender {
  &:before {
    content: $icon-canlender; 
  }
}
.icon-movie {
  &:before {
    content: $icon-movie; 
  }
}
.icon-text {
  &:before {
    content: $icon-text; 
  }
}
.icon-align-bottom {
  &:before {
    content: $icon-align-bottom; 
  }
}
.icon-level-down {
  &:before {
    content: $icon-level-down; 
  }
}
.icon-music {
  &:before {
    content: $icon-music; 
  }
}
.icon-align-right {
  &:before {
    content: $icon-align-right; 
  }
}
.icon-align-left {
  &:before {
    content: $icon-align-left; 
  }
}